<script setup lang="ts">
let list = {
  total: 68,
  rows: [
    {
      tenantId: null,
      searchValue: null,
      createBy: 'manager',
      createTime: '2024-05-13 17:46:50',
      updateBy: null,
      updateTime: null,
      remark: null,
      params: {},
      userId: 995,
      deptId: 1,
      deptName: '市场部',
      postIds: '1288',
      postName: '新增岗位测试',
      userName: 'kahahaka',
      nickName: '卡哈哈哈',
      email: 'tes15@163.com',
      phone: '181****5960',
      psptId: null,
      sex: '0',
      avatar: null,
      password: '$2a$10$cv738mDBxFJBg1rK8B.xFu5ZTpmUudFT9HtlCXB5W.GuInxCJi6kq',
      status: '0',
      personCode: null,
      userType: null,
      historyPassword: null,
      beginDate: null,
      endDate: null,
      updatePasswordKey: 1,
      sysUserProp: '{}',
      passwordUpdateTime: null,
      jobStatus: null,
      jobTime: null,
      delFlag: '0',
      loginIp: null,
      loginDate: null,
      dept: {
        tenantId: null,
        searchValue: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        params: {},
        deptId: 1,
        deptCode: null,
        parentId: null,
        ancestors: null,
        deptName: '市场部',
        deptType: null,
        orderNum: null,
        leader: null,
        phone: null,
        email: null,
        status: null,
        delFlag: null,
        parentName: null,
        identityId: null,
        groupId: null,
        ancestorsName: null,
        appId: null,
        children: [],
      },
      roles: [],
      roleIds: null,
      postId: null,
      roleId: null,
      usergId: null,
      pinYin: null,
      firstName: null,
      lastName: null,
      beginTime: null,
      endTime: null,
      sysUserPropMap: null,
      loginTwoType: '0',
      certificatDn: null,
      appId: null,
      sysDeptPostList: [{ deptId: 1, postIds: '1288', postType: '0' }],
      isadmin: '0',
      admin: false,
    },
    {
      tenantId: null,
      searchValue: null,
      createBy: 'wangshuo1',
      createTime: '2024-05-13 16:22:43',
      updateBy: null,
      updateTime: null,
      remark: null,
      params: {},
      userId: 994,
      deptId: 1,
      deptName: '市场部',
      postIds: '1292',
      postName: '测试岗位',
      userName: 'zhangliu',
      nickName: '张六',
      email: '153@163.com',
      phone: '180****5963',
      psptId: null,
      sex: '0',
      avatar: null,
      password: '$2a$10$yS5eHXuz9PPg5PQ7FvHfEeUPrvZ87GQ6aUt9Zk2FgiQ/jedQPz99y',
      status: '0',
      personCode: null,
      userType: null,
      historyPassword: null,
      beginDate: null,
      endDate: null,
      updatePasswordKey: 1,
      sysUserProp: '{}',
      passwordUpdateTime: null,
      jobStatus: null,
      jobTime: null,
      delFlag: '0',
      loginIp: null,
      loginDate: null,
      dept: {
        tenantId: null,
        searchValue: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        params: {},
        deptId: 1,
        deptCode: null,
        parentId: null,
        ancestors: null,
        deptName: '市场部',
        deptType: null,
        orderNum: null,
        leader: null,
        phone: null,
        email: null,
        status: null,
        delFlag: null,
        parentName: null,
        identityId: null,
        groupId: null,
        ancestorsName: null,
        appId: null,
        children: [],
      },
      roles: [],
      roleIds: null,
      postId: null,
      roleId: null,
      usergId: null,
      pinYin: null,
      firstName: null,
      lastName: null,
      beginTime: null,
      endTime: null,
      sysUserPropMap: null,
      loginTwoType: '0',
      certificatDn: null,
      appId: null,
      sysDeptPostList: [{ deptId: 1, postIds: '1292', postType: '0' }],
      isadmin: '0',
      admin: false,
    },
    {
      tenantId: null,
      searchValue: null,
      createBy: 'wangshuo1',
      createTime: '2024-05-13 16:21:22',
      updateBy: null,
      updateTime: null,
      remark: null,
      params: {},
      userId: 993,
      deptId: 1,
      deptName: '市场部',
      postIds: '1292',
      postName: '测试岗位',
      userName: 'ceshizhangwu',
      nickName: '测试张武',
      email: '18154@163.com',
      phone: '156****1541',
      psptId: null,
      sex: '0',
      avatar: null,
      password: '$2a$10$Ww7YverAFdrCKTBU8orLcuZ1KGJFM//nv9Rj4Kf8no5Ge4ijcJGwS',
      status: '0',
      personCode: null,
      userType: null,
      historyPassword: null,
      beginDate: null,
      endDate: null,
      updatePasswordKey: 1,
      sysUserProp: '{}',
      passwordUpdateTime: null,
      jobStatus: null,
      jobTime: null,
      delFlag: '0',
      loginIp: null,
      loginDate: null,
      dept: {
        tenantId: null,
        searchValue: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        params: {},
        deptId: 1,
        deptCode: null,
        parentId: null,
        ancestors: null,
        deptName: '市场部',
        deptType: null,
        orderNum: null,
        leader: null,
        phone: null,
        email: null,
        status: null,
        delFlag: null,
        parentName: null,
        identityId: null,
        groupId: null,
        ancestorsName: null,
        appId: null,
        children: [],
      },
      roles: [],
      roleIds: null,
      postId: null,
      roleId: null,
      usergId: null,
      pinYin: null,
      firstName: null,
      lastName: null,
      beginTime: null,
      endTime: null,
      sysUserPropMap: null,
      loginTwoType: '0',
      certificatDn: null,
      appId: null,
      sysDeptPostList: [{ deptId: 1, postIds: '1292', postType: '0' }],
      isadmin: '0',
      admin: false,
    },
    {
      tenantId: null,
      searchValue: null,
      createBy: 'manager',
      createTime: '2024-05-13 16:17:18',
      updateBy: null,
      updateTime: null,
      remark: null,
      params: {},
      userId: 992,
      deptId: 1,
      deptName: '市场部',
      postIds: '1292',
      postName: '测试岗位',
      userName: 'zuihou',
      nickName: '最后',
      email: 'adf@1.com',
      phone: '132****5123',
      psptId: null,
      sex: '0',
      avatar: null,
      password: '$2a$10$qxN0gGyOKFBaiZd8CLCvCeqo/pmjTgvtaatkRuQ3V1E9I5PZzu3HO',
      status: '0',
      personCode: null,
      userType: null,
      historyPassword: null,
      beginDate: null,
      endDate: null,
      updatePasswordKey: 1,
      sysUserProp: '{}',
      passwordUpdateTime: null,
      jobStatus: null,
      jobTime: null,
      delFlag: '0',
      loginIp: null,
      loginDate: null,
      dept: {
        tenantId: null,
        searchValue: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        params: {},
        deptId: 1,
        deptCode: null,
        parentId: null,
        ancestors: null,
        deptName: '市场部',
        deptType: null,
        orderNum: null,
        leader: null,
        phone: null,
        email: null,
        status: null,
        delFlag: null,
        parentName: null,
        identityId: null,
        groupId: null,
        ancestorsName: null,
        appId: null,
        children: [],
      },
      roles: [],
      roleIds: null,
      postId: null,
      roleId: null,
      usergId: null,
      pinYin: null,
      firstName: null,
      lastName: null,
      beginTime: null,
      endTime: null,
      sysUserPropMap: null,
      loginTwoType: '0',
      certificatDn: null,
      appId: null,
      sysDeptPostList: [{ deptId: 1, postIds: '1292', postType: '0' }],
      isadmin: '0',
      admin: false,
    },
    {
      tenantId: null,
      searchValue: null,
      createBy: 'manager',
      createTime: '2024-05-13 15:53:51',
      updateBy: null,
      updateTime: null,
      remark: null,
      params: {},
      userId: 991,
      deptId: 1,
      deptName: '市场部',
      postIds: '1292',
      postName: '测试岗位',
      userName: 'bianyiqi',
      nickName: '编译器',
      email: 'sfsdf@q.com',
      phone: '133****2113',
      psptId: null,
      sex: '0',
      avatar: null,
      password: '$2a$10$0YsLEjj7eMrsH0YRQlybk.21.f4OnaZP.T51Y80Jg5tV/0QJLZag2',
      status: '0',
      personCode: null,
      userType: null,
      historyPassword: null,
      beginDate: null,
      endDate: null,
      updatePasswordKey: 1,
      sysUserProp: '{}',
      passwordUpdateTime: null,
      jobStatus: null,
      jobTime: null,
      delFlag: '0',
      loginIp: null,
      loginDate: null,
      dept: {
        tenantId: null,
        searchValue: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        params: {},
        deptId: 1,
        deptCode: null,
        parentId: null,
        ancestors: null,
        deptName: '市场部',
        deptType: null,
        orderNum: null,
        leader: null,
        phone: null,
        email: null,
        status: null,
        delFlag: null,
        parentName: null,
        identityId: null,
        groupId: null,
        ancestorsName: null,
        appId: null,
        children: [],
      },
      roles: [],
      roleIds: null,
      postId: null,
      roleId: null,
      usergId: null,
      pinYin: null,
      firstName: null,
      lastName: null,
      beginTime: null,
      endTime: null,
      sysUserPropMap: null,
      loginTwoType: '0',
      certificatDn: null,
      appId: null,
      sysDeptPostList: [{ deptId: 1, postIds: '1292', postType: '0' }],
      isadmin: '0',
      admin: false,
    },
    {
      tenantId: null,
      searchValue: null,
      createBy: 'manager',
      createTime: '2024-05-13 15:25:34',
      updateBy: null,
      updateTime: null,
      remark: null,
      params: {},
      userId: 990,
      deptId: 1,
      deptName: '市场部',
      postIds: '1292',
      postName: '测试岗位',
      userName: 'shousheshoushe',
      nickName: '收拾收拾',
      email: 'adfsfsd@1.com',
      phone: '133****2244',
      psptId: null,
      sex: '0',
      avatar: null,
      password: '$2a$10$VPzHUAbfAJ2YIo04teuKvOReqVKusLaKzrSML2EDMdfqO/mcBTi3i',
      status: '0',
      personCode: null,
      userType: null,
      historyPassword: null,
      beginDate: null,
      endDate: null,
      updatePasswordKey: 1,
      sysUserProp: '{"ceshi":"11"}',
      passwordUpdateTime: null,
      jobStatus: null,
      jobTime: null,
      delFlag: '0',
      loginIp: null,
      loginDate: null,
      dept: {
        tenantId: null,
        searchValue: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        params: {},
        deptId: 1,
        deptCode: null,
        parentId: null,
        ancestors: null,
        deptName: '市场部',
        deptType: null,
        orderNum: null,
        leader: null,
        phone: null,
        email: null,
        status: null,
        delFlag: null,
        parentName: null,
        identityId: null,
        groupId: null,
        ancestorsName: null,
        appId: null,
        children: [],
      },
      roles: [],
      roleIds: null,
      postId: null,
      roleId: null,
      usergId: null,
      pinYin: null,
      firstName: null,
      lastName: null,
      beginTime: null,
      endTime: null,
      sysUserPropMap: null,
      loginTwoType: '0',
      certificatDn: null,
      appId: null,
      sysDeptPostList: [{ deptId: 1, postIds: '1292', postType: '0' }],
      isadmin: '0',
      admin: false,
    },
    {
      tenantId: null,
      searchValue: null,
      createBy: 'manager',
      createTime: '2024-05-13 15:07:40',
      updateBy: null,
      updateTime: null,
      remark: null,
      params: {},
      userId: 989,
      deptId: 1,
      deptName: '市场部',
      postIds: '1292',
      postName: '测试岗位',
      userName: 'zhaoliang',
      nickName: '照亮',
      email: '12222222@163.com',
      phone: '133****3131',
      psptId: null,
      sex: '0',
      avatar: null,
      password: '$2a$10$IHTWS0IcqnCLx4anRWyw5OI1tWfDAuC2LauYsJZXHJ81umRqUE25y',
      status: '0',
      personCode: null,
      userType: null,
      historyPassword: null,
      beginDate: null,
      endDate: null,
      updatePasswordKey: 1,
      sysUserProp: '{"ceshi":""}',
      passwordUpdateTime: null,
      jobStatus: null,
      jobTime: null,
      delFlag: '0',
      loginIp: null,
      loginDate: null,
      dept: {
        tenantId: null,
        searchValue: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        params: {},
        deptId: 1,
        deptCode: null,
        parentId: null,
        ancestors: null,
        deptName: '市场部',
        deptType: null,
        orderNum: null,
        leader: null,
        phone: null,
        email: null,
        status: null,
        delFlag: null,
        parentName: null,
        identityId: null,
        groupId: null,
        ancestorsName: null,
        appId: null,
        children: [],
      },
      roles: [],
      roleIds: null,
      postId: null,
      roleId: null,
      usergId: null,
      pinYin: null,
      firstName: null,
      lastName: null,
      beginTime: null,
      endTime: null,
      sysUserPropMap: null,
      loginTwoType: '0',
      certificatDn: null,
      appId: null,
      sysDeptPostList: [{ deptId: 1, postIds: '1292', postType: '0' }],
      isadmin: '0',
      admin: false,
    },
    {
      tenantId: null,
      searchValue: null,
      createBy: 'wangshuo1',
      createTime: '2024-05-13 14:58:28',
      updateBy: null,
      updateTime: null,
      remark: null,
      params: {},
      userId: 988,
      deptId: 1,
      deptName: '市场部',
      postIds: '1292',
      postName: '测试岗位',
      userName: 'ceshizhanghao',
      nickName: '测试账号',
      email: 'd222f@qq.com',
      phone: '139****6666',
      psptId: null,
      sex: '0',
      avatar: null,
      password: '$2a$10$2NTSO.HjOiwFIGEcb5j8/eiBGkeJSy0hgXCCRQObSG..km2hnXztW',
      status: '0',
      personCode: null,
      userType: null,
      historyPassword: null,
      beginDate: null,
      endDate: null,
      updatePasswordKey: 1,
      sysUserProp: '{"ceshi":"f"}',
      passwordUpdateTime: null,
      jobStatus: null,
      jobTime: null,
      delFlag: '0',
      loginIp: null,
      loginDate: null,
      dept: {
        tenantId: null,
        searchValue: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        params: {},
        deptId: 1,
        deptCode: null,
        parentId: null,
        ancestors: null,
        deptName: '市场部',
        deptType: null,
        orderNum: null,
        leader: null,
        phone: null,
        email: null,
        status: null,
        delFlag: null,
        parentName: null,
        identityId: null,
        groupId: null,
        ancestorsName: null,
        appId: null,
        children: [],
      },
      roles: [],
      roleIds: null,
      postId: null,
      roleId: null,
      usergId: null,
      pinYin: null,
      firstName: null,
      lastName: null,
      beginTime: null,
      endTime: null,
      sysUserPropMap: null,
      loginTwoType: '0',
      certificatDn: null,
      appId: null,
      sysDeptPostList: [{ deptId: 1, postIds: '1292', postType: '0' }],
      isadmin: '0',
      admin: false,
    },
    {
      tenantId: null,
      searchValue: null,
      createBy: 'manager',
      createTime: '2024-05-13 11:12:47',
      updateBy: null,
      updateTime: null,
      remark: null,
      params: {},
      userId: 987,
      deptId: 1,
      deptName: '市场部',
      postIds: '1292',
      postName: '测试岗位',
      userName: 'gaoqiqiang',
      nickName: '高启强',
      email: '15045543770@qq.com',
      phone: '150****3770',
      psptId: null,
      sex: '0',
      avatar: null,
      password: '$2a$10$u7izzrPxl7hZ7fr/X3csZu5s6S2EYWM3ZOgEKYGHAVcZFZrtOATiC',
      status: '0',
      personCode: null,
      userType: null,
      historyPassword: null,
      beginDate: null,
      endDate: null,
      updatePasswordKey: 1,
      sysUserProp: '{"ceshi":"1"}',
      passwordUpdateTime: null,
      jobStatus: null,
      jobTime: null,
      delFlag: '0',
      loginIp: null,
      loginDate: null,
      dept: {
        tenantId: null,
        searchValue: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        params: {},
        deptId: 1,
        deptCode: null,
        parentId: null,
        ancestors: null,
        deptName: '市场部',
        deptType: null,
        orderNum: null,
        leader: null,
        phone: null,
        email: null,
        status: null,
        delFlag: null,
        parentName: null,
        identityId: null,
        groupId: null,
        ancestorsName: null,
        appId: null,
        children: [],
      },
      roles: [],
      roleIds: null,
      postId: null,
      roleId: null,
      usergId: null,
      pinYin: null,
      firstName: null,
      lastName: null,
      beginTime: null,
      endTime: null,
      sysUserPropMap: null,
      loginTwoType: '0',
      certificatDn: null,
      appId: null,
      sysDeptPostList: [{ deptId: 1, postIds: '1292', postType: '0' }],
      isadmin: '0',
      admin: false,
    },
    {
      tenantId: null,
      searchValue: null,
      createBy: 'manager',
      createTime: '2024-05-13 11:11:40',
      updateBy: null,
      updateTime: null,
      remark: null,
      params: {},
      userId: 986,
      deptId: 1,
      deptName: '市场部',
      postIds: '1292',
      postName: '测试岗位',
      userName: 'ceshizehua',
      nickName: '测试泽华',
      email: '1770779394@qq.com',
      phone: '150****9999',
      psptId: null,
      sex: '0',
      avatar: null,
      password: '$2a$10$z37jBaxO1mr0Uy8n9e/VPemm7YiwORYaCIJPld32489P9estLVrDe',
      status: '0',
      personCode: null,
      userType: null,
      historyPassword: null,
      beginDate: null,
      endDate: null,
      updatePasswordKey: 1,
      sysUserProp: '{"ceshi":"1"}',
      passwordUpdateTime: null,
      jobStatus: null,
      jobTime: null,
      delFlag: '0',
      loginIp: null,
      loginDate: null,
      dept: {
        tenantId: null,
        searchValue: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        params: {},
        deptId: 1,
        deptCode: null,
        parentId: null,
        ancestors: null,
        deptName: '市场部',
        deptType: null,
        orderNum: null,
        leader: null,
        phone: null,
        email: null,
        status: null,
        delFlag: null,
        parentName: null,
        identityId: null,
        groupId: null,
        ancestorsName: null,
        appId: null,
        children: [],
      },
      roles: [],
      roleIds: null,
      postId: null,
      roleId: null,
      usergId: null,
      pinYin: null,
      firstName: null,
      lastName: null,
      beginTime: null,
      endTime: null,
      sysUserPropMap: null,
      loginTwoType: '0',
      certificatDn: null,
      appId: null,
      sysDeptPostList: [{ deptId: 1, postIds: '1292', postType: '0' }],
      isadmin: '0',
      admin: false,
    },
  ],
  pageNum: 1,
  pageSize: 0,
  startRow: 0,
  endRow: 0,
  pages: 7,
  code: 200,
  msg: '查询成功',
};
const data = ref({
  datas: list.rows,
  serial: true,
  selection: true,
  columns: [
    {
      label: 'postName',
      prop: 'postName',
      align: 'center',
    },
    {
      label: 'nickName',
      prop: 'nickName',
      align: 'center',
    },
    {
      label: 'email',
      prop: 'email',
      align: 'center',
    },
    {
      label: 'phone',
      prop: 'phone',
      align: 'center',
    },
  ],
});
</script>

<template>
  <om v-bind="data" prop-a="dsfs"> </om>
</template>

<style scoped>
header {
  line-height: 1.5;
  max-height: 100vh;
}

.logo {
  display: block;
  margin: 0 auto 2rem;
}

nav {
  width: 100%;
  font-size: 12px;
  text-align: center;
  margin-top: 2rem;
}

nav a.router-link-exact-active {
  color: var(--color-text);
}

nav a.router-link-exact-active:hover {
  background-color: transparent;
}

nav a {
  display: inline-block;
  padding: 0 1rem;
  border-left: 1px solid var(--color-border);
}

nav a:first-of-type {
  border: 0;
}

@media (min-width: 1024px) {
  header {
    display: flex;
    place-items: center;
    padding-right: calc(var(--section-gap) / 2);
  }

  .logo {
    margin: 0 2rem 0 0;
  }

  header .wrapper {
    display: flex;
    place-items: flex-start;
    flex-wrap: wrap;
  }

  nav {
    text-align: left;
    margin-left: -1rem;
    font-size: 1rem;

    padding: 1rem 0;
    margin-top: 1rem;
  }
}
</style>
